<template>
  <div class="page rules">
    <h1>游戏前请仔细阅读以下事项</h1>
    <checklist required :options="commonList" v-model="checklist"></checklist>
    <box gap="50px 10px 0">
      <x-button type="primary" @click.native="read" :disabled="checklist.length < commonList.length || timeLimit > 0">我已阅读并同意 <span v-show="timeLimit > 0">({{timeLimit}}s)</span> </x-button>
    </box>
  </div>
</template>

<script>
  import {
    Checklist,
    XButton,
    Box
  } from 'vux'
  export default {
    components: {
      Checklist,
      XButton,
      Box
    },
    data() {
      return {
        commonList: [
          '1. 游戏的第一步就是绑定钱包地址，只有把钱包地址与账户绑定后才能正常玩耍，切记按照提示金额完成绑定！',
          '2. 如果遇到未绑定钱包提示，请前往我的->点击个人头像->退出登录，重新登录完成绑定。',
          '3. 游戏中所有转账操作必须用第一步绑定的钱包地址进行转账，否则无效！造成损失将由自己承担。',
          '4. 市场上的小猴全部由玩家自行定价，与平台无关。请理性消费，量力而行。',
          '5. 游戏的小猴喂养是有限额的，最高只有5，包括喂食金额的小数位。',
          '6. 生育的代数计算，两只猴子的代数相加之和，四舍五入，（0代记做0.5代）。',
          '7. 此游戏为虚拟养成游戏，游戏中有不懂的请多问、多看然后谨慎操作，以避免没必要的损失，运营团队不会对您的任何损失作出补偿。',
          '8. 本游戏由 MONKEYEX GAME LIMITED 运营，与迅雷无关。'
        ],
        checklist: [],
        disable: true,
        timer: null,
        timeLimit: 10
      }
    },
    beforeDestroy() {
      clearInterval(this.timer);
    },
    mounted() {
      this.$nextTick(function() {
        this.countDown()
      });
    },
    methods: {
      countDown() {
        this.timer = setInterval(()=> {
          if(this.timeLimit > 0) {
            this.timeLimit--
          }else {
            clearInterval(this.timer);
          }
        }, 1000)
      },
      read() {
        window.localStorage["readme"] = true;
        this.$router.replace('/home')
      }
    }
  }
</script>

<style lang="scss" scoped>
  h1 {
    font-size: 22px;
    text-align: center;
    padding: 20px;
  }
</style>


<style lang="scss">
  .rules {
    .weui-cell__bd {
      text-align: justify;
      word-break: break-all;
    }
  }
</style>
